<div class="box box-default">
  <div class="box-body">
    <form class="form-inline">
      <div class="box box-default">
        <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
          <button class="btn btn-primary" (click)="attachDownload()">
            <i class="fa fa-download"></i>下载</button>
          <button class="btn btn-box-tool pull-right" type="button" data-widget="collapse">
            <i class="fa fa-minus"></i>
          </button>
        </div>
        <div class="box-body" style="display:block">
          <div class="form-group col-lg-12" style="margin-bottom:10px !important;padding-left:0px !important;">
            <div class="form-group">
              <label class="control-label">附件名称：</label>
              <input type="text" class="form-control" [(ngModel)]="getListPost.attachName" name="attachName" placeholder="附件名称">
            </div>
            <div class="form-group">
              <label class="control-label">产品名称：</label>
              <input type="text" class="form-control" [(ngModel)]="getListPost.fundName" name="fundName" placeholder="产品名称">
            </div>
            <button type="button" class="btn btn-primary" (click)="list()">
              <i class="fa fa-search"></i>查询</button>
          </div>
          <div class="form-group col-lg-12" style="padding-left:0px !important;">
            <div class="form-group">
              <label>产品分类：</label>
              <select class="form-control" [(ngModel)]="getListPost.fundType" (ngModelChange)="getAttachType1()" name="fundType">
                <option [value]="''" selected="selected">全部</option>
                <option [value]="item.sFundTypeCode" *ngFor="let item of fundType">{{item.sFundTypeName}}</option>
              </select>
            </div>
            <div class="form-group">
              <select class="form-control" [(ngModel)]="getListPost.attachType1" (ngModelChange)="getAttachType2()" name="attachType1">
                <option [value]="''" selected="selected">全部</option>
                <option [value]="item.sAttachTypeCode" *ngFor="let item of attachType1">{{item.sAttachTypeName}}</option>
              </select>
            </div>
            <div class="form-group">
              <select class="form-control" [(ngModel)]="getListPost.attachType2" name="attachType2">
                <option [value]="''" selected="selected">全部</option>
                <option [value]="item.sAttachTypeCode" *ngFor="let item of attachType2">{{item.sAttachTypeName}}</option>
              </select>
            </div>
          </div>
        </div>
      </div>
    </form>

    <div class="box-body" style="padding-left:0px;padding-right:0px;">
      <div style="overflow-x:scroll;width:100%">
        <table id="fixed-table" class="table table-bordered table-keep-line table-hover table-striped">
          <thead>
            <tr>
              <th class="width-4">
                <div class="checkbox checkbox-primary">
                  <input type="checkbox" id="checkboxAll" [(ngModel)]="isCheckedAll" (ngModelChange)="checkedAll()">
                  <label></label>
                </div>
              </th>
              <th class="width-15" (click)="orderData('sAttachName')">附件名称<i class="fa fa-sort"></i></th>
              <th class="width-10" (click)="orderData('sFundTypeName')">产品类型名称<i class="fa fa-sort"></i></th>
              <th class="width-10" (click)="orderData('sDeptName')">部门名称<i class="fa fa-sort"></i></th>
              <th class="width-9" (click)="orderData('sAttachParentType')">附件父类型<i class="fa fa-sort"></i></th>
              <th class="width-10" (click)="orderData('sAttachType')">附件子类型<i class="fa fa-sort"></i></th>
              <th class="width-10" (click)="orderData('sCreator')">上传者<i class="fa fa-sort"></i></th>
              <th class="width-9" (click)="orderData('dCreateTime')">创建时间<i class="fa fa-sort"></i></th>
              <th class="width-23">操作</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let item of dataList">
              <td class="width-4">
                <div class="checkbox checkbox-primary">
                  <input type="checkbox" id="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                  <label></label>
                </div>
              </td>
              <td class="width-15 short_name" [attr.title]="item.sAttachName">{{item.sAttachName}}</td>
              <td class="width-10 short_name" [attr.title]="item.sFundTypeName">{{item.sFundTypeName}}</td>
              <td class="width-10 short_name" [attr.title]="item.sDeptName">{{item.sDeptName}}</td>
              <td class="width-9 short_name" [attr.title]="item.sAttachParentType">{{item.sAttachParentType}}</td>
              <td class="width-10 short_name" [attr.title]="item.sAttachType">{{item.sAttachType}}</td>
              <td class="width-10 short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
              <td class="width-9 short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
              <td class="width-23">
                <a class="btn-xs btn-primary" (click)="showFundInfo(item)">
                  <i class="fa fa-edit"></i> 查看基金信息
                </a>
                <a class="btn-xs btn-info" (click)="downLoadFile(item)">
                  <i class="fa fa-download"></i> 下载
                </a>
                <a class="btn-xs btn-warning" (click)="showFileHistory(item)">
                  <i class="fa fa-history"></i> 历史
                </a>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>

    <div class="box-footer clearfix">
      <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="listPageNavigation($event)">
        <div class="pull-left pagination-detail" data-pagination-additional="true">
          <span class="pagination-info">当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，</span>
          <span class="page-list"> 每页记录
            <span class="btn-group dropup">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <span class="page-size">{{listPageInfo.pageSize}}</span>
          <span class="caret"></span>
          </button>
          <ul class="dropdown-menu" role="menu">
            <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="listpageSizeChange(i)">
              <a>{{i}}</a>
            </li>
          </ul>
          </span>条
          </span>
        </div>
      </app-pagination>
    </div>
  </div>
</div>
<div class="modal fade in" id="fileHistory-modal" style="display: none; padding-left: 0px;">
  <div #fileHistory></div>
</div>

<div class="modal fade in" id="fundInfo-modal" style="display: none; padding-left: 0px;">
  <div #fundInfo></div>
</div>